.articleListItem {
    display        : flex;
    justify-content: space-between;
    width          : 100%;
    height         : 200px;
    padding        : 10px;
    align-items    : center;

    .imgBox {
        width          : 203px;
        height         : 137px;
        overflow       : hidden;
        display        : flex;
        justify-content: center;
    }

    .articleListItemTextBox {
        width  : 640px;
        padding: 5px;

        .titleLine {
            display        : flex;
            height         : 32px;
            line-height    : 32px;
            justify-content: space-between;

            .titleLink {
                margin    : 0;
                max-height: 32px;
                max-width : 65%;
                overflow  : hidden;
                font-size : 20px;
            }

            .extra {
                display        : flex;
                justify-content: space-between;
                max-width      : 35%;

                .author {
                    margin: 0 10px;
                }

                .timestamp {
                    margin: 0 10px;
                }

                font-weight : bold;
            }
        }
    }
}

.articleListTitle {
    display    : flex;
    align-items: center;
    font-size  : 20px;

    img {
        height      : 28px;
        margin-right: 8px;
    }
}